<template>
  <view class="container">
    <image :src="like ? yesSrc : noSrc"></image>
    <text>{{ count }}</text>
  </view>
</template>

<script>
export default {
   props:{
     like: {
       type: Boolean
     },
     count: {
       type: Number
     }
   },
	data() {
		return {
			yesSrc: require('../../static/imgs/like.png'),
      noSrc: require('../../static/imgs/like_dis.png'),
		};
	},
   methods:{
     // onLike(){
     //   this.$emit('like',this.like,this.count);
     // }
   }
}
</script>

<style>
.container {
  display: inline-flex;
  flex-direction: row;
  padding: 10rpx;
  width: 90rpx;
}

.container image {
  width: 32rpx;
  height: 28rpx;
}

.container text {
  font-size: 24rpx;
  line-height: 24rpx;
  color: #bbbbbb;
  bottom: 10rpx;
  position: relative;
  left: 6rpx;
}
</style>
